<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <!-- 苗宇 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=utf-8">
<title>注册</title>

<link rel="stylesheet" type="text/css" href="js/util/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="js/util/easyui/themes/icon.css">

<script type="text/javascript" src="js/util/jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/util/easyui/jquery.easyui.min.js"></script>

<script type="text/javascript" src="js/index/register.js"></script>
<script type="text/javascript" src="js/index/user.js"></script>


<style>
		.user-icon {
			width : 200px;
			height : 200px;
		}
		.td1{
		 width:98px; 
		 height:40px;
		 text-align:left;
	    }
	    #table1{
	     width:700px; 
	     border:0px; 
	     align:center;
	     cellpadding:0px;
	     cellspacing:0px;
	    }
	    #div1{
	    margin-left:400px;
	    width:600px;}
		
		
	</style>

</head>
<body >
<form name="form2" method="post" action="RegisterServlet">
<h2><center>用户注册</center></h2>
    <div id="div1">
    <div class="easyui-panel" title="Register"  style="width:100%;max-width:550px;padding:30px 60px;overflow:hidden" fit="true" >
    
             头像: <img id="userIcon" class="user-icon" src="images/icon.jpg" style="margin-left:60px">
	<input type="hidden" id="icon" name="icon">
	<br>  
	<iframe id="uploader" name="uploader" class="uploader" frameborder=0 height=30 scrolling=no >
    </iframe>

    <table id="table1">
          <tr>
            <td height="30" colspan="4" align="left" >
                </tr>
          <tr>
                  <td class="td1">登录名：</td>
                  <td width="160" align="left" class="text_cray1"> 
                         <input name="username" class="easyui-validatebox tb" data-options="required:true,validType:'name'">
                         </td>
                  <td width="423" height="35" align="left" class="text_cray"> 由字母、数字或“_”组成</td>
                </tr>
          <tr>
                  <td class="td1">密码：</td>
                  <td align="left" class="text_cray1">
                        <input name="password" class="easyui-validatebox tb" data-options="required:true,validType:'password'">
                        </td>
                  <td height="35" align="left" class="text_cray">不少于6位字符</td>
                </tr>
          <tr>
                  <td class="td1">确认密码：</td>
                  <td align="left" class="text_cray1"><input class="easyui-textbox" name="repassword" style="width:100%;height:30px"></td>
                  <td height="35" align="left" class="text_cray">请再次输入密码</td>
                </tr>
        </table>
        
        
        <table width="700" border="0" align="center" cellpadding="0" cellspacing="0">

            <tr>
                  <td class="td1">真实姓名：</td>
                  <td height="35" colspan="3" align="left">
                  <input class="easyui-textbox" name="realname" style="width:30%;height:30px">
                  </td>
                </tr>
            <tr>
                  <td class="td1">性 别：</td>
                  <td height="35" colspan="3" align="left">
                    <span class="mr25">
                    <input type="radio" name="sex" value="男" checked="checked" class="sex" />
                    </span>
                    <span>
                    <label>男</label>
                    <input type="radio" name="sex" value="女"   class="sex"/>
                    <label>女</label>
                    </span>
                    <label></label>
                    <span><label></label>
                  </span></td>
                </tr>
            <tr>
                  <td class="td1">省份：</td>
                  <td width="104" height="35" align="left">
                    <select name="province" class="text_cray" id="province">
                      <option value="省份" selected="selected">省份</option>
                    </select>
                  </td>
                  <td width="43" height="35" align="left">城市：</td>
                  <td width="436" height="35" align="left">
                    <select name="city" id="city">
                      <option value="城市" selected="selected">市县</option>
                    </select>
                  </td>
                </tr>
           
           
            <tr>
                  <td class="td1">证件类型：</td>
                  <td height="35" colspan="3" align="left">
                    <select class="easyui-combobox" name="cardtype" style="width:30%;">
                      <option value="二代身份证">二代身份证		</option>
                      <option value="港澳通行证">港澳通行证		</option>
                      <option value="护照">护照			</option>
                  </select>	</td>
                </tr>
            <tr>
         
                  <td class="td1">证件号码：</td>
                  <td height="35" colspan="3" align="left">
                  <input class="easyui-textbox" name="cardid" style="width:30%;height:30px"></td>
                </tr>
            
            <tr>
             
                  <td class="td1">旅客类型：</td>
                  <td height="35" colspan="3" align="left">
                    <select class="easyui-combobox" name="type" style="width:30%;">
                      <option value="成人">成人</option>
                      <option value="儿童">儿童</option>
                      <option value="学生">学生</option>
                      <option value="残疾军人、伤残人民警察">残疾军人、伤残人民警察</option>
                  </select>	</td>
                </tr> 
                <tr>
                 <td class="td1">备注：</td>
                 <td height="35" colspan="3" align="left">
                     <textarea name="content" rows="8" class="text_cray" style="width:40%"></textarea>
                     </td>
                </tr>
            <tr>
              
                  <td height="30" align="left" class="text_cray1"></td>
                  <td height="50" colspan="3" align="left" valign="middle">
                  <input type="checkbox" class="check" id="checkAgree" name="check" value="true"/> 
                    我已阅读并同意遵守<a href="/otn/regist/rule;jsessionid=FA97B306AACF75E37DD4D10CFD59994A" class="ft14" target="_blank" shape="rect"> 《中国铁路服务条款》</a></td>
                </tr>
           <tr>
           <td height="30" align="left"></td>
                  <td height="50" colspan="2" align="left" valign="middle">
               
			   <%
		            	String msg =(String)request.getAttribute("msg");
		                	if (msg!=null) {
		                             		%>
	                   			<%= msg %>
	                   		<%
			     }
		      	%>
		        </td>
              </tr>
          </table>
          <div>
          <input type="submit" class="easyui-linkbutton" iconCls="icon-ok" style="width: 50%; height: 32px; margin-left:100px;">
          </div>
    </div>
</div>
</form>
<script type="text/JavaScript" src="js/index/city.js"></script>

</body>
</html>